<template>
	<!--顶部开始-->
	<div class="top_nav right">
		<div class="text_top left">
			<span>speedy管理系统-做专业快速的开发管理平台</span>
		</div>
		<div class="message_top">
			
			<div class="right" style="margin-top: 10px;padding-right: 10px;">
				<div class="person left">
					<div class="img left">
						<img width="100%" height="100%"  src="https://b-ssl.duitang.com/uploads/item/201410/20/20141020224133_Ur54c.jpeg" />
					</div>
					<span class="nickname left" id="nickname">春风春动你</span>
					<span class="mouse glyphicon glyphicon-chevron-down left"></span>
					<div class="list" id="list">
						<ul>
							<li><a th:href="'/common/user/updatePage?id='+${session.user.id}" href="/common/user/updatePage?id=" target="page">个人中心</a></li>
							<li><a href="/common/main/toPage?page=updatePassword" target="page">修改密码</a></li>
							<li><a href="/common/login/loginexit">退出</a></li>
						</ul>
					</div>
				</div>
				<div id="styleBtn" class="left glyphicon glyphicon-th-list listico">
				</div>
				
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.main{height:95.5%;width:90%;}
	.top_nav{width:90%;right:0px;border-bottom:1px solid #e1e1e1;background:#fff;padding-bottom:5px;}
	.text_top{margin-top:10px;margin-left:10px;}
	.top_nav .message_top{width: 100%;height: 100%}
	.top_nav .message_top .person .img{width: 30px;height: 30px;border-radius: 50px;border: 1px solid #e1e1e1;overflow:hidden;}
	.top_nav .message_top .person{margin-left: 58px;}
	.top_nav .message_top .person span{line-height: 30px;margin-left: 5px;}
	.top_nav .message_top .person .nickname{margin-left: 5px;}
	.top_nav .message_top .listico{line-height: 30px;}
	.top_nav .message_top .list{
		border:1px solid #e1e1e1;box-shadow: 5px 5px 5px #e1e1e1;background: #ffffff;position: fixed;width:120px;
		right: 3%;
		top: 39px;
		height: 120px;
		text-align: center;
		display:none;
	
	}
	.top_nav .message_top .list ul{
		height: 100%;
	}
	.top_nav .message_top .list ul li{
		line-height: 40px;
		height: 30%;
	}
	.top_nav .message_top .person:hover .list{
		display: block;
	}
</style>